<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <!-- /* 重置样式 */ -->
  <link rel="stylesheet" href="./css/reset.css" />
  <!-- 公共样式 -->
  <link rel="stylesheet" href="./css/common.css" />
  <!-- 引入插件样式 -->
  <link rel="stylesheet" href="./lib/swiper-bundle.min.css" />
  <!-- 本页样式 -->
  <link rel="stylesheet" href="./css/APIclassify.css" />
</head>

<body>


  <!-- 头部 -->
  <header class="cf">
    <!-- 源码大数据 -->
    <div class="fl">
      <img src="./imgs/new-logo-white2.png" alt="" />
    </div>
    <!-- 登录注册 -->
    <div class="register fr">
      <a href="">登录</a>
      <a href="">注册有礼</a>
    </div>
    <div class="container" id="header">
      <ul>
        <li><a href="">首页</a></li>
        <li><a class="on" href="">APL</a></li>
        <li><a href="">云服务</a></li>
        <li><a href="">案例</a></li>
        <li><a href="">开发者</a></li>
      </ul>
    </div>
  </header>
  <!-- API分类 -->
  <div id="APIclassify">
    <div class="container">
      <h1>API分类</h1>
      <ul></ul>
      <div class="APIindex">
        <strong>全部</strong>
        <span>企业专用</span>
        <input type="search" placeholder="身份证验证" />

      </div>
    </div>
  </div>
  <!-- 主体 -->
  <main id="motaik">
    <div class="container">
      <ul id="main">
        
      </ul>
    </div>
    <div id="APIindex">
      <ul>
        <!-- <li class="active">1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li> -->
      </ul>
    </div>

    </div>
  </main>
  <div id="mask">
    
  </div>
  <!-- 本页样式 -->
  <script src="./js/APIclassify.js"></script>
  <!-- js工具 -->
  <script src="./js/util.js"></script>
</body>
</html>